import React from 'react'

import { useNavigate } from 'react-router'
import { Button, Result } from 'antd'

const NotFount: React.FC = () => {
  const navigate = useNavigate()
  return (
    <>
      <div className="min-h-screen G-gradient">
        <main className="pt-200">
          <Result
            status="404"
            title="404"
            subTitle="你的网页遇到了一些问题，系统正在优化和上报故障信息，我们在未来将改善和减少这种情况的发生."
            extra={(
              <Button
                type="primary"
                onClick={() => {
                  navigate('/home', { replace: true })
                }}
              >
                返回首页
              </Button>
            )}
          />
        </main>
      </div>
    </>
  )
}

export default NotFount
